.nav{
	width:100%;
	height:40px;
	border-bottom:1px dashed #ccc;
	display:inline-block;
	margin-top:2%;
	} 
.role{
	width:8px;
	height:40px;
	background-color:#ad8a03;
	float:left;
	} 
.role_text{
	width:95%;
	font-size:1.2em;
	color:black;
	float:right;
	line-height:40px;
	}
.nav a{
	font-size:1.2em;
	color:black;
	}
 .center{
    width:98%;
    height:auto;
    margin: 20px auto;
}
.center_navbar{
    width:100%;
    height:45px;
}
.center_nav{
    width:30%;
    height:45px;
    background-color:#043361;
}
.xcmg{
    text-align:center;
     line-height:45px;
     color:white;
     font-size:18px;
}
.center_body{
    width:90%;
    height:auto;
    margin:20px auto;
	padding-bottom:20px;
}
.center_body h4{
	font-size:1.8em;
	}
.center_body h5{
	font-size:1.3em;
	}
.text{
    text-align:center;
    color:black;
    font-size:2.5em;
    margin-top:50px;
}
.p_tt{
	line-height:30px;
	 margin-top:10px; 
	 font-size:1.3em;
	 line-height:35px;
	}
@media screen and (max-width:1450px){
.center{
    width:90%;
    height:auto;
    margin: 20px auto;
}
.center_navbar{
    width:100%;
    height:45px;
}
.center_nav{
    width:30%;
    height:45px;
    background-color:#ad8a03;
}
.xcmg{
    text-align:center;
     line-height:45px;
     color:white;
     font-size:18px;
}
.center_body{
    width:90%;
    height:auto;
    margin:20px auto;
}
.text{
    text-align:center;
    color:black;
    font-size:2.3em;
    margin-top:20px;
}
.center_body h4{
	font-size:1.5em;
	}
.center_body h5{
	font-size:1.3em;
	}
.p_tt{
	line-height:20px;
	 margin-top:5px; 
	 font-size:1.5em;
	 line-height:35px;
	}	
	
	}

@media screen and (max-width:1200px){
.center{
    width:90%;
    height:auto;
    margin: 20px auto;
}
.center_navbar{
    width:100%;
    height:45px;
}
.center_nav{
    width:30%;
    height:45px;
    background-color:#ad8a03;
}
.xcmg{
    text-align:center;
     line-height:45px;
     color:white;
     font-size:18px;
}
.center_body{
    width:90%;
    height:auto;
    margin:20px auto;
}
.text{
    text-align:center;
    color:black;
    font-size:1.8em;
    margin-top:20px;
}
.center_body h4{
	font-size:1.3em;
	}
.center_body h5{
	font-size:1.1em;
	}
.p_tt{
	line-height:20px;
	 margin-top:5px; 
	 font-size:1.3em;
	 line-height:30px;
	}	
	
	}

@media screen and (max-width:800px){
.center{
    width:90%;
    height:auto;
    margin: 20px auto;
}
.center_navbar{
    width:100%;
    height:45px;
}
.center_nav{
    width:30%;
    height:45px;
    background-color:#ad8a03;
}
.xcmg{
    text-align:center;
     line-height:45px;
     color:white;
     font-size:18px;
}
.center_body{
    width:90%;
    height:auto;
    margin:20px auto;
}
.text{
    text-align:center;
    color:black;
    font-size:1.8em;
    margin-top:20px;
}
.center_body h4{
	font-size:1.3em;
	}
.center_body h5{
	font-size:1.1em;
	}
.p_tt{
	line-height:20px;
	 margin-top:5px; 
	 font-size:1em;
	 line-height:25px;
	}	
	
	}

@media screen and (max-width:400px){
.role_text{
	width:90%;
	font-size:1em;
	color:black;
	float:right;
	line-height:40px;
	}
.nav a{
	font-size:1em;
	color:black;
	}
.center{
    width:98%;
    height:auto;
    margin: 20px auto;
}
.center_navbar{
    width:100%;
    height:45px;
}
.center_nav{
    width:30%;
    height:45px;
    background-color:#ad8a03;
}
.xcmg{
    text-align:center;
     line-height:45px;
     color:white;
     font-size:18px;
}
.center_body{
    width:90%;
    height:auto;
    margin:20px auto;
}
.text{
    text-align:center;
    color:black;
    font-size:1.1em;
    margin-top:20px;
}
.center_body h4{
	font-size:0.9em;
	}
.center_body h5{
	font-size:0.9em;
	}
.p_tt{
	line-height:20px;
	 margin-top:5px; 
	 font-size:0.7em;
	 line-height:25px;
	}	
	
	}